.user-name { font-size:14px; font-weight:bold;color:#DE4C1C }
.wrapper {margin:0px 100px;width:300px;display:inline-block;font-family:microsoft yahei,Arial, Helvetica, sans-serif;font-size:12px;}
.ds-post-main {position:relative;margin-top: 5px;}
.ds-avatar {z-index:2;position:absolute;top:48px;left:-20px;padding:5px;width:36px;height:36px; border-radius:50%; box-shadow:-1px 0 1px rgba(0,0,0,.15) inset; background:#E5E6D0;}
.ds-avatar a {display:block; padding:1px; width:32px; height:32px; border:1px solid #B9BAA6; border-radius:50%; background-color:#fff; -moz-transition:color 0.15s linear; -webkit-transition:color 0.15s linear;transition:color 0.15s linear;}
.ds-avatar img {display:block;width:32px; height:32px;border-radius:50%;box-shadow:0 1px 5px rgba(0, 0, 0, 0.22)}
.ds-comment-body, .ds-avatar, .ds-avatar a,
.ds-avatar img {-webkit-transition:.4s all ease-in-out;-moz-transition:.4s all ease-in-out;-o-transition:.4s all ease-in-out;-ms-transition:.4s all ease-in-out}
.ds-post-main:hover .ds-avatar img {-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-o-transform:rotate(360deg);-ms-transform:rotate(360deg);transform:rotate(360deg);}
.ds-comment-body {z-index:1;position:relative;left:0;background: #F0F0E3;padding:15px 15px 15px 47px;color:#696A52; border-radius:5px; box-shadow:0 1px 2px rgba(0,0,0,.15), 0 1px 0 rgba(255,255,255,.75) inset;}
.ds-post-main:hover .ds-comment-body {left:40px;}
.ds-post-main:hover .ds-avatar:after,.ds-post-main:hover .ds-avatar a:after,.ds-post-main:hover .ds-avatar a:before { position:absolute; content:'+'; font-size:18px;font-weight:bold; font-family:Arial, Helvetica, sans-serif;color:#696A52}
.ds-post-main:hover .ds-avatar:after {top:14px;left:56px}
.ds-post-main:hover .ds-avatar a:after {top:9px;left:48px;}
.ds-post-main:hover .ds-avatar a:before {top:9px;left:-29px;}
.ds-post-main:hover .ds-avatar {left:-40px;}
.ds-post-main:hover .ds-avatar a {position:relative;left:-80px;}
.ds-post-main:hover .ds-avatar a img{position:relative;left:-80px;}

.msgBox{z-index:1000; position:absolute;right:120px;top:-10px;width:500px;height:200px;background:rgba(227,234,236,1);border-radius:5px;margin:10px auto;padding-top:10px;}
.msgBox form h2{font-weight:400;font:400 18px/1.5 \5fae\8f6f\96c5\9ed1;}
.msgBox form{padding:0 20px 15px;}
.userName,.conBox{color:#777;border:1px solid #d0d0d0;border-radius:6px;background:#fff;padding:3px 5px;font:12px/1.5 arial;}
.userName.active,.conBox.active{border:1px solid #7abb2c;}
.userName{width:80px;height:20px;text-align:center;}
.conBox{width:448px;resize:none;height:65px;overflow:auto;}
.msgBox form div{position:relative;color:#999;margin-top:10px;}
.sendBtn{border:0;width:100px;height:30px;cursor:pointer;margin-left:10px;display:inline-block;}
.sendBtn.hover{background-position:0 -30px;}
.msgBox p{float:right;}
.msgBox form .maxNum{font:26px/30px Georgia, Tahoma, Arial;padding:0 5px;}
.last{margin-left:20px;width:170px;height:35px;overflow: hidden;font-family:microsoft yahei,Arial, Helvetica, sans-serif;color:#999;}

